<template>
      <!-- 标签栏 -->
    <van-tabbar v-model="active" class="footer">
      <van-tabbar-item name="takeout" icon="elemo" icon-prefix="iconfont icon">外卖</van-tabbar-item>
      <van-tabbar-item name="search" icon="zhinanzhen" icon-prefix="iconfont icon">搜索</van-tabbar-item>
      <van-tabbar-item name="order" icon="icon-" icon-prefix="iconfont icon">订单</van-tabbar-item>
      <van-tabbar-item name="me" icon="wo" icon-prefix="iconfont icon">我的</van-tabbar-item>
    </van-tabbar>
</template>

<script>
export default {
    data() {
        return {
            active: "takeout"
        };
    }
}
</script>

<style lang="less">
#app .footer{
  height: 100px;

  .van-tabbar-item__icon{
    font-size: 40px!important;
  }
  .iconfont{
    font-size: 40px!important;
  }
}
</style>